*{margin:0;padding:0}
body{
  font-size:12px;
}
img{
  border:0;
}
.wrapper{
  margin:auto;
  width:1090px;
}
#all{
  background-color:#e9e9e9;
}
/*头部部分*/
#header{
  height:190px;
  background-color:#e9e9e9;
  //顶部上部分
  #hea-top{
    height:43px;
    border-bottom:#eae8ea;
    display:block;
    background-image:url("../../images/bg.png");
    #top_ul1{
      width:302px;
      height:42px;
      margin:5px 0px 0px 15px;
      float:left;
      li{
        width:98px;
        height:37px;
        list-style:none;
        float:left;
        line-height:37px;
        text-align:center;
        cursor:pointer;
        background:url("../../images/top-navbg.png") no-repeat right;
        position:relative;
      }
      li:nth-of-type(1){
        background-color:white;
        border:1px solid #cccccc;
        border-bottom:0;
        color:red;
      }
      li:hover{
        color:red;
      }
      li:nth-of-type(3){
        p{
          height:33px;
          width:86px;
          margin-left:4px;
          position:relative;
          z-index:10;
          span{
            height:20px;
            width:12px;
            display:inline-block;
            background-color:red;
            position:absolute;
            top:8px;
            left:20px;
            background:url("../../images/sprite215new.png") no-repeat -320px -240px;
            transition:all .2s;
          }
          i{
            margin-left:28px;
            font-style:normal;
          }
        }
        .img{
          height:103px;
          width:278px;
          position:absolute;
          left:4px;
          top:34px;
          border:1px solid #ff5c00;
          display:none;
          z-index:10;
        }
      }

      li:nth-of-type(3):hover{
        span{
          background-position:-320px -265px;
        }
        p{
          border-top:1px solid #ff5c00;
          border-left:1px solid #ff5c00;
          border-right:1px solid #ff5c00;
          border-bottom:1px solid white;
        }
        .img{
          display:block;
        }
      }

    }

    #top_ul2{
      width:500px;
      height:32px;
      margin:5px 0px 0px 273px;
      float:left;
      > li{
        list-style:none;
        float:left;
        width:75px;
        line-height:32px;
        color:#666666;
        cursor:pointer;
        background:url("../../images/top-navbg.png.png") no-repeat right 10px;
        a{
          text-decoration:none;
          color:#ff5c00;
        }
        div{
          width:63px;
          height:28px;
          margin-left:6px;
        }
        b{
          cursor:pointer;
          -webkit-transition:all .2s ease;
          transition:all .2s ease;
          width:0;
          line-height:0;
          height:0;
          font-size:0;
          border-width:4px;
          border-style:solid dashed dashed;
          border-color:#666666 transparent transparent;
          position:relative;
          left:3px;
          top:3px;
          overflow:hidden;
          display:inline-block;
          zoom:1;
        }
      }
      > li:nth-of-type(1){
        width:200px;
        height:32px;
        cursor:default;
      }
      //当鼠标悬停会后字体颜色改变
      > li:hover{
        color:#ff5c00;
        //鼠标悬停的时候子代中的字体颜色不改变
        li{
          color:#666666;
        }
      }

      //欢迎来到母婴之家字体颜色不改变
      > li:nth-of-type(1):hover{
        color:#666666;
      }
      > li:nth-of-type(2){
        position:relative;
        ul{
          width:63px;
          height:110px;
          border:1px solid #ff9900;
          border-top:0px;
          position:absolute;
          top:29px;
          left:6px;
          display:none;
          background-color:white;
          z-index:10;
          li{
            height:20px;
            width:63px;
            list-style:none;
          }
          li:nth-of-type(1){
            margin-top:2px;
          }
          li:hover{
            color:#ff9900;
          }
        }
      }
      > li:nth-of-type(2):hover{
        ul{
          display:block;
        }
        div{
          border:1px solid #ff9900;
          border-bottom:0px;
          background-color:white;
        }
      }

      //客户服务
      > li:nth-of-type(3){
        position:relative;
        div{
          span{
            position:absolute;
            height:1px;
            width:63px;
            bottom:0px;
            left:7px;
            background-color:#efeef0;
            z-index:10;
          }
        }
        ul{
          width:80px;
          height:49px;
          border:1px solid #ff9900;
          position:absolute;
          top:28px;
          left:6px;
          display:none;
          z-index:10;
          background-color:white;
          li{
            height:20px;
            width:63px;
            list-style:none;
            text-align:center;
          }
          li:nth-of-type(1){
            margin-top:2px;
          }
          li:hover{
            color:#ff9900;
          }
        }
      }
      > li:nth-of-type(3):hover{
        ul{
          display:block;
        }
        div{
          border-top:1px solid #ff9900;
          border-right:1px solid #ff9900;
          border-left:1px solid #ff9900;
          background-color:white;
        }
      }
    }
  }

  /*顶部的中间部分*/
  #h-logo{
    height:114px;
    width:100%;
    overflow:hidden;
  }
  #hea-center{
    height:74px;
    margin:20px 0px 20px 15px;
    position:relative;
    #logo{
      height:55px;
      width:150px;
      padding-top:21px;
      float:left;
    }

    div:nth-of-type(2){
      float: right;
      background: url(../../images/cart-step1.png) no-repeat;
      width: 612px;
      height: 36px;
      margin-top: 22px;
    }
  }

  /*购物车*/
  >div:nth-of-type(3){
    position:relative;
    //购物车
    span{
      width:35px;
      height:31px;
      display:block;
      float:left;
      margin-left:15px;
    }
    h2{
      width:145px;
      height:31px;
      position:absolute;
      left:54px;
      top:7px;
      color:#555555;
    }
    h4{
      width:233px;
      float:right;
      color:#333333;
      margin-top:14px;
      a{
        color:#ff5c00;
        text-decoration:none;
      }
    }
  }
}

/*中间部分*/
#main{
  padding-bottom:30px;
  margin-top:25px;
  table{
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #d3d3d3;
    width:100%;
    thead{
      width:100%;
      height:44px;
      tr{
        width:100%;
        height:44px;
        border-bottom:1px solid #d3d3d3;
        th:nth-of-type(1){
          width:448px;
          h1{
            width:113px;
            font-size:17px;
            margin-left:10px;
            height:44px;
            float:left;
            line-height:44px;
          }
          h3{
            float:left;
            height:44px;
            font-size:12px;
            color:#777777;
            line-height:44px;
          }
        }
        th {
          background-color: #09c;
          color: #fff;
          display:inline-block;
          width:160px;
          height:44px;
          text-align:center;
          line-height:44px;
        }
      }
    }
    tbody{
      tr{
        width:100%;
        height:108px;
        border-bottom:1px solid #d3d3d3;
        td:nth-of-type(1){
          width:448px;
          span{
            display:block;
            margin:14px 0px 0px 37px;
            width:60px;
            height:60px;
            border:1px solid #d3d3d3;
            float:left;
          }
        }
        td:nth-of-type(3){
          .cou{
            width:24px;
            height:25px;
            border:2px solid #999;
            border-right:0;
            font-size:13px;
            font-weight:bold;
            margin-top:22px;
            float:left;
            text-align:center;
            line-height:23px;
          }
          span:nth-of-type(1){
            margin-left:45px;
          }
          span{
            box-sizing:border-box;
            width:24px;
            height:29px;
            display:block;
            background-color:bisque;
            border:2px solid #999;
            cursor:pointer;
            float:left;
            margin-top:22px;
            line-height:23px;
            font-weight:bold;
            font-size:18px;
          }

        }
        td {
          color: #333333;
          display:inline-block;
          width:160px;
          height:75px;
          text-align:center;
          line-height:75px;
          a{
            text-decoration:none;
            color:black;
          }
          h2{
            margin-top:14px;
            width:160px;
            height:60px;
            line-height:60px;
            text-align:center;
            float:left;
            font-size:12px;
            color:#555555;
          }

        }
      }
    }
  }
  >div{
    height:55px;
    width:100%;
    background-color:#ff9900;
    overflow:hidden;
    a{
      margin:24px 0px 0px 30px;
      display:block;
      float:left;
    }
    p{
      margin-left:608px;
      float:left;
      width:125px;
      line-height:55px;
      font-size:13px;
      color:black;
      span{
        color:#e60012;
      }
    }
    div{
      height:55px;
      font-size:20px;
      width:146px;
      color:white;
      text-align:center;
      line-height:55px;
      float:right;
      background-color:#ff5c00;
    }
    i{
      font-style:normal;
      font-size:22px;
      color:#e60012;
      line-height:55px;
    }
  }
}

/*尾部部分*/
#footer{
  //品质保障专栏
  #mall-easure{
    height:106px;
    width:100%;
    background-color:#ff5c00;
    ul{
      width:1240px;
      height:87px;
      margin:auto;
      li{
        width:310px;
        height:87px;
        float:left;
        list-style:none;
        dl{
          width:285px;
          height:57px;
          padding-left: 25px;
          padding-top: 30px;
          dt{
            height:36px;
            width:285px;
            i{
              width:40px;
              height:34px;
              margin-right: 8px;
              float: left;
              position: relative;
              left: 0;
              top: 2px;
            }
            h2{
              font-size: 24px;
              font-weight: bold;
              float: left;
              color:white;
              cursor:pointer;
            }
            .i1{
              background:url("../../images/sprite215new.png") no-repeat -138px 0px;
            }
            .i2{
              background:url("../../images/sprite215new.png") no-repeat -137px -40px;
            }
            .i3{
              background:url("../../images/sprite215new.png") no-repeat -137px -80px;
            }
            .i4{
              background:url("../../images/sprite215new.png") no-repeat -137px -120px;
            }
          }
          dd{
            font-size: 14px;
            font-weight: bold;
            float: right;
            margin-right: 35px;
            color:white;
          }
        }
      }
    }
  }

  //购物指南
  #mell-desc{
    background-color: #FFF;
    padding-top: 20px;
    border-bottom: 1px solid #E0E0E0;
    padding-bottom: 15px;
  }
  #top{
    width:1215px;
    height:150px;
    padding-left:25px;
    margin:auto;
    position:relative;
    dl{
      width:176px;
      height:109px;
      float:left;
      dt{
        width:176px;
        height:26px;
        font-size: 14px;
        padding:6px 0px 4px 30px;
        position: relative;
        cursor:pointer;
        color:black;
        i{
          display:block;
          position: absolute;
          top: 0;
          left: 0;
          width:26px;
          height:26px;
        }
        .gouwu{
          background:url("../../images/sprite215new.png") no-repeat -89px 0px;
        }
        .zhifu{
          background:url("../../images/sprite215new.png") no-repeat -89px -40px;
        }
        .peisong{
          background:url("../../images/sprite215new.png") no-repeat -89px -80px;
        }
        .shouhou{
          background:url("../../images/sprite215new.png") no-repeat -89px -120px;
        }
        .guanyu{
          background:url("../../images/sprite215new.png") no-repeat -89px -160px;
        }
        .lianxi{
          background:url("../../images/sprite215new.png") no-repeat -89px -200px;
        }
      }
      dd{
        width:176px;
        height:26px;
        cursor:pointer;
        padding: 4px 0px 0px 30px;
      }
      dd:hover{
        color:#ff5c00;
      }
    }
    .logo{
      float:left;
      width:110px;
      height:130px;
    }
    .sao{
      width:110px;
      height:20px;
      span:nth-of-type(1){
        margin: 2px 6px 0;
        display:inline-block;
        float:left;
      }
      span:nth-of-type(2){
        float:left;
        color:black;
      }
    }
  }

  #tfc_footer{
    padding-top:15px;
    height:159px;
    text-align:center;
    width:100%;
    background-color:#ebebeb;
    color:#999;
    line-height:24px;
    ul{
      height:24px;
      width:100%;
      text-align:center;
      li{
        height:16px;
        margin:0px 5px;
        list-style:none;
        display:inline;
      }
    }
    span{
      margin: 0 5px;
      display: inline;
    }
    div{
      padding: 10px;
      text-align: center;
      height:67px;
      a:nth-of-type(1){
        display: block;
        height: 38px;
        width: 100px;
        margin: 0 auto;
      }
      a:nth-of-type(2){
        margin-left: 10px;
        display: inline-block;
        color:#999;
        text-decoration:none;
      }
      a:nth-of-type(3){
        margin-left: 5px;
        display: inline-block;
        color:#999;
        text-decoration:none;
      }
    }
  }
}
